<template>
	<view class="docxRange">
		 <chai-office :url="docxLink" fileType="docx" ></chai-office>
	</view>
</template>

<script setup lang="ts">
import {defineProps} from 'vue'
defineProps({
	docxLink:{
		type:String,
		required:true
	}
})

</script>

<style lang="scss" scoped>
.docxRange{
	height: 100vh;
}
:deep(.docx){
	transform: scale(0.6) !important;
	    min-height: unset !important;
}
:deep(.vue-office-docx .docx-wrapper>section.docx){
	width: auto !important;
}
:deep(.docx-wrapper){
	background: #ededf0 !important;
}
</style>